/**

 * ed3c44  ff4e54  ff6166  fff5f9
	323232   7e8385  aeb5b8
 */


/* 行为相关颜色 */
$uni-color-primary: #007aff;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-yellow: #f7c114;
$uni-color-error: #ff4e54;
$uni-color-black: #403c3c;

/* 文字基本颜色 */
$uni-text-color:#323232;//基本色
$uni-text-color-inverse:#fff;//反色
$uni-text-color-grey:#aeb5b8;//辅助灰色，如加载更多的提示信息
$uni-text-color-placeholder: #808080;
$uni-text-color-disable:#c0c0c0;
$uni-text-color-vip:#d9d39c;

/* 背景颜色 */
$uni-bg-color:#ffffff;
$uni-bg-color-grey:#fff5f9;
$uni-bg-color-hover:#f1f1f1;//点击状态颜色
$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
$uni-bg-color-masks:rgba(0, 0, 0, 0.6);//遮罩颜色
$uni-bg-color-maskxs:rgba(0, 0, 0, 0.1);//遮罩颜色

/* 边框颜色 */
$uni-border-color:#c8c7cc;

/* 尺寸变量 */

/* 文字尺寸 */
$uni-font-size-smx:22rpx;
$uni-font-size-sm:24rpx;
$uni-font-size-six:26rpx;
$uni-font-size-base:28rpx;
$uni-font-size-lg:32rpx;
$uni-font-size-lgxs:36rpx;
$uni-font-size-lgx:38rpx;

/* 图片尺寸 */
$uni-img-size-sm:40rpx;
$uni-img-size-six:46rpx;
$uni-img-size-base:52rpx;
$uni-img-size-bases:60rpx;
$uni-img-size-lg:80rpx;
$uni-img-size-lgs:100rpx;
$uni-img-size-lgsa:120rpx;
$uni-img-size-lgsx:160rpx;

/* Border Radius */
$uni-border-radius-sm: 4rpx;
$uni-border-radius-base: 6rpx;
$uni-border-radius-lg: 12rpx;
$uni-border-radius-ty: 30rpx;
$uni-border-radius-circle: 50%;

/* 水平间距 */
$uni-spacing-row-one: 2rpx;
$uni-spacing-row-six: 6rpx;
$uni-spacing-row-sm: 10rpx;
$uni-spacing-row-base: 20rpx;
$uni-spacing-row-lg: 30rpx;
$uni-spacing-row-sy: 40rpx;

/* 垂直间距 */
$uni-spacing-col-sa: 4rpx;
$uni-spacing-col-sm: 8rpx;
$uni-spacing-col-base: 16rpx;
$uni-spacing-col-lg: 24rpx;

/* 透明度 */
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度

/* 文章场景相关 */
$uni-color-title: #000000; // 文章标题颜色
$uni-font-size-title:40rpx;
$uni-color-subtitle: #555555; // 二级标题颜色
$uni-font-size-subtitle:36rpx;
$uni-color-paragraph: #3F536E; // 文章段落颜色
$uni-font-size-paragraph:30rpx;


/* 状态栏 */
.status_bar {  
    height: var(--status-bar-height);  
    width: 100%;  
}  
.top_view {  
    height: var(--status-bar-height);  
    width: 100%;  
    position: fixed;  
    background-color: #ff4e54;  
    top: 0;  
	left: 0;
    z-index: 999;  
}
/* 外层标签 */
.warp {
	width: 96%;
	padding: 0 2%;
	min-height: 100%;
}
/* 广告位 */ 
.banner {
	width: 100%;
	height: 250rpx;
	margin: $uni-spacing-row-lg 0;
	image {
		width: 100%;
		height: 100%;
		border-radius: $uni-border-radius-lg;
	}
}
/* 公共模块 */ 
.public {
	margin-bottom: $uni-spacing-row-lg;
	background-color: $uni-bg-color;
	border-top-left-radius: $uni-border-radius-lg;
	border-top-right-radius: $uni-border-radius-lg;
	padding: $uni-spacing-row-base;
}
/* 创作达人 公共部分 */ 
.scroll_title{
	font-size: $uni-font-size-six;
	letter-spacing: $uni-spacing-row-one;
}
.scroll_center{
	color: $uni-text-color-placeholder;
	font-size: $uni-font-size-six;
	padding: 8rpx 0 4rpx;
	letter-spacing: $uni-spacing-row-one;
	.iconfont{
		color: $uni-color-yellow;
		font-size: $uni-font-size-lg;
		padding-right: $uni-border-radius-sm;
	}
}
.scroll_footer{
	font-size: $uni-font-size-six;
	display: inline-block;
	color: $uni-text-color-placeholder;
}

/* 关注按钮 */
.gradeBtn{
	background: $uni-color-error;
	color: $uni-bg-color;
	font-size: $uni-font-size-six;
	border-radius: $uni-border-radius-lg;
}

